轻松学习 Flex 布局的小游戏

Flexbox Froggy，帮助你学习前端 Flex 布局的小游戏，难度不高，趣味性极强！

Flexbox Froggy（弹性盒小青蛙）是一个帮助你快速学习前端 Flex 布局的小游戏。

Flex 布局是 CSS3 的新特性，即弹性盒子布局模式。是一种能让页面自适应不同屏幕大小的布局方式。熟练运用后，能够大大提升网页开发布局效率。

在游戏中，你的任务就是编写代码，运用 Flex 布局的相关属性和值，来帮助各种颜色的小青蛙找到到对应的荷叶，总共只有 24 个关卡。整体难度不高，趣味性强，小白也能轻松上手学会！

打开网页，左侧是文字指引和代码编辑区，而右侧就是代码执行结果。虽然是英文网站，但是文字内容并不多，可以借助百度翻译等工具帮助理解。

Flexbox Froggy

视频演示：

快来试试吧~

⬇️ 点击下方阅读原文查看详情

关于

编程导航是一个帮助大家高效发现优质编程资源的项目。不同于传统的导航网站，在编程导航主站中，你可以自由搜索编程资源并轻松获取。此外，通过资源简介、详情、秒懂视频以及大家的评论，还可以助你快速了解资源！😆

在编程导航公众号中，也会定期给大家推荐好的编程资源，了解更多编程小知识，不经意间收获成长！😉

有帮助的话，欢迎分享给身边的同学，非常感谢！❤️